<template>
	<div class="notice-wrap">
    <div v-title style="display: none">学车须知</div>
	 	<div class="notice-list">
			<ul class="ul-notice">
				<li>
					<span>学车所需资格</span>
					<div class="notice-icon"><router-link to="#"></router-link></div>
				</li>
				<li class="border">
					<span>报名所需资料</span>
					<div class="notice-icon"><router-link to="#"></router-link></div>
				</li>
				<li class="border">
					<span>学车考照流程</span>
					<div class="notice-icon"><router-link to="#"></router-link></div>
				</li>
			</ul>
		</div>
	</div>
</template>
<script type="text/ecmascript-6">
  export default {
    props: {
    }
  };
</script>
<style lang="stylus" rel="stylesheet/stylus">
  @import "../../common/stylus/mixin.styl"
  @import "../../common/stylus/car.styl"

  .notice-wrap
  	.notice-list
  		background-color: rgb(255,255,255)
  		padding: 0 15px
  		border-1px($border)
		  .ul-notice
    		list-style none
       	border-1px($border)
      	li
          lsit-style none
          height 35px
          line-height 35px
          font-size 15px
          color $main-fn
          font-family PingFangSC-Regular
          display flex
          justify-content space-between
          padding-left 15px
          padding-right 15px
          .notice-icon
            rectangle-icon(rgb(255,255,255),8px,13px)
            icon-image('right_arrow')
            margin-top 12px
        .border
          border-top-1px($border)

</style>